<div id="container" class="chart yarea"><d3fc-group class="cartesian-chart" auto-resize=""><div class="chart-label top-label"></div><div class="x-label bottom-label">bucket("Order Date", 'M')</div><div class="y-label left-label">Sales</div><d3fc-svg class="svg-plot-area plot-area"><svg preserveAspectRatio="none"><g class="multi"><g><line class="gridline-y" stroke="#bbb"></line><line class="gridline-y" stroke="#bbb"></line><line class="gridline-y" stroke="#bbb"></line><line class="gridline-y" stroke="#bbb"></line><line class="gridline-y" stroke="#bbb"></line><line class="gridline-y" stroke="#bbb"></line><line class="gridline-y" stroke="#bbb"></line><line class="gridline-y" stroke="#bbb"></line><line class="gridline-y" stroke="#bbb"></line><line class="gridline-y" stroke="#bbb"></line><line class="gridline-y" stroke="#bbb"></line><line class="gridline-y" stroke="#bbb"></line><line class="gridline-y" stroke="#bbb"></line><line class="gridline-y" stroke="#bbb"></line><line class="gridline-y" stroke="#bbb"></line><line class="gridline-y" stroke="#bbb"></line><line class="gridline-x" stroke="#bbb"></line><line class="gridline-x" stroke="#bbb"></line><line class="gridline-x" stroke="#bbb"></line><line class="gridline-x" stroke="#bbb"></line><line class="gridline-x" stroke="#bbb"></line><line class="gridline-x" stroke="#bbb"></line><line class="gridline-x" stroke="#bbb"></line><line class="gridline-x" stroke="#bbb"></line><line class="gridline-x" stroke="#bbb"></line><line class="gridline-x" stroke="#bbb"></line><line class="gridline-x" stroke="#bbb"></line><line class="gridline-x" stroke="#bbb"></line><line class="gridline-x" stroke="#bbb"></line></g></g><g class="multi"><g><g class="multi"><g><g class="multi"><g><path class="area" fill="#ddd"></path></g></g></g></g><g class="multi"><g><g class="multi"><g><path class="line" fill="none" stroke="#000"></path></g></g></g></g></g></g></svg></d3fc-svg><d3fc-svg class="x-axis bottom-axis"><svg preserveAspectRatio="none" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="#000"></path><g class="tick"><path stroke="#000"></path><text fill="#000">2014</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">April</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">July</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">October</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">2015</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">April</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">July</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">October</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">2016</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">April</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">July</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">October</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">2017</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">April</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">July</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">October</text></g></svg></d3fc-svg><d3fc-svg class="y-axis left-axis"><svg preserveAspectRatio="none" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="#000"></path><g class="tick"><path stroke="#000"></path><text fill="#000">0</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">10,000</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">20,000</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">30,000</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">40,000</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">50,000</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">60,000</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">70,000</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">80,000</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">90,000</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">100,000</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">110,000</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">120,000</text></g></svg></d3fc-svg></d3fc-group></div>